<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>主页</title> 
<style>
    *{
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    html,body{
        height: 100%;
        width: 100%;
        position: relative;
    }
.button {
  display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;   
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #4CAF50;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
}
.button:hover {background-color: #3e8e41}
.button:active {
  background-color: #3e8e41;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}
div{
    width: 100%;
    text-align: center;
}
</style>
</head>
<body>
<div><a href="./我就是我.html"><button class="button">我就是我</button></a></div>
<div><a href="./大国四十年.html"><button class="button">大国四十年</button></a></div>
<div><a href="./小学生科普.html"><button class="button">小学生科普</button></a></div>
<div><a href="./腾讯网.html"><button class="button">腾讯网</button></a></div>
<div><a href="./超跑介绍.html"><button class="button">超跑介绍</button></a></div>
</body>
</html>